<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <title>登录</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/myCss.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="css/font-awesome-ie7.min.css">
    <!--[endif]-->
</head>
<body style="padding-top: 20px;">

<!-- [if lt IE 9]>
<script src="../js/html5shiv.min.js"></script>
<script src="../js/respond.min.js"></script>
<!-- [endif] -->

<div class="container">
    <div class="row">
        <div class="col-sm-2 col-lg-2 text-center">
            <a href="index.html" style="color: #f4a624;"><img src="imgs/logo.png" style="height:58px;width:auto;">
                <p>eachgo.cn</p></a>
        </div>
        <div class="col-sm-10 col-lg-10"></div>
    </div>
    <div class="row">
        <!--img&word start-->
        <div class="col-sm-offset-1 col-lg-offset-1 col-sm-5 col-lg-5">
                <img src="imgs/login.png" style="margin-top: -15px;height: 500px;">
                <img src="imgs/ping_word.png" style="margin-top: -100px;height: 250px;">
            <div class="text-center" style="margin-top: 50px;color: #949494;" id="footer">
                <a href="#" style="color: #949494;"><span>首页</span></a>
                <span>|</span>
                <a href="#" style="color: #949494;"><span>关于一起购物</span></a>
                <span>|</span>
                <a href="#" style="color: #949494;"><span>隐私声明</span></a>
                <span>|</span>
                <a href="#" style="color: #949494;"><span>加入我们</span></a>
                <span>|</span>
                <a href="#" style="color: #949494;"><span>联系我们</span></a>
                <p style="margin-bottom: 0">CopyRight&copy;2014-2015,版权所有eachgo.cn</p>
            </div>
        </div>
        <!--img&word end-->
        <!--login_form start-->
        <div class="col-sm-6 col-lg-6">
            <div style="border: 3px solid rgba(244,166,36,1);width: 450px;height: 350px;margin-top: 50px;">
                <div role="form">
                    <h3 style="margin: 30px 50px;">账号登录</h3>
                    <form class="form-horizontal" action="index.html" method="post" name="login" role="">
                        <div class="input-group" style="margin: 40px 80px 0 80px;width: 60%;">
                            <div class="input-group-addon" style="border-radius: 0;border: 1px solid #CCC;border-right: none;"><i class="icon-user"></i></div>
                            <input type="text" class="form-control" style="border: 1px solid #CCC;" maxlength="11" autocomplete="off" placeholder="手机号码">
                        </div>
                        <div class="input-group" style="margin: 40px 80px 0 80px;width: 60%;">
                            <div class="input-group-addon" style="border-radius: 0;border: 1px solid #CCC;border-right: none;"><i class="icon-lock"></i></div>
                            <input type="password" class="form-control" style="border: 1px solid #CCC;" maxlength="20" autocomplete="off" placeholder="密码">
                        </div>
                        <a href="#" style="margin: -50px 80px;color: #f4a624">忘记密码？</a>
                        <div class="text-center" style="margin: 20px 80px 0 80px;width: 60%;">
                            <input class="btn my-btn-default-text btn-default btn-lg btn-block" type="submit" value="登录">
                        </div>
                        <a href="signup1.html" class="pull-right" style="margin: 10px 20px;color: #f4a624;">免费注册</a>
                    </form>
                </div>
            </div>
        </div>
        <!--login_form end-->
    </div>
</div>
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>